<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>医院管理系统-管理员</title>
    <link th:href="@{/css/admin.css}" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <div class="container">
        <header>
            <div class="header-content">
                <h1>医院管理系统</h1>
                <div class="user-info">
                    <span>欢迎, <span th:text="${session.admin.name}">管理员</span></span>
                    <form th:action="@{/admin/auth/logout}" method="post" style="display: inline;">
                        <button type="submit" class="logout-btn">
                        <i class="fas fa-sign-out-alt"></i> 退出登录
                        </button>
                    </form>
                </div>
            </div>
        </header>
        
        <div class="main-content">
            <nav class="sidebar">
                <ul>
                    <li>
                        <a href="javascript:void(0)" class="active" onclick="loadContent('doctor-manage')">
                            <i class="fas fa-user-md"></i> 医生管理
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="loadContent('nurse-manage')">
                            <i class="fas fa-user-nurse"></i> 护士管理
                        </a>
                    </li>
                    <li>
                        <a href="javascript:void(0)" onclick="loadContent('ward-manage')">
                            <i class="fas fa-hospital"></i> 病房管理
                        </a>
                    </li>
                </ul>
            </nav>
            
            <div id="mainArea" class="content">
                <!-- 默认显示医生管理页面 -->
                <div th:replace="~{admin/doctor-manage :: content}"></div>
            </div>
        </div>
    </div>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script th:inline="javascript">
        // 定义基础URL，用于构建API请求
        const baseUrl = /*[[@{/admin}]]*/ '';
        
        // 页面路由映射
        const pageRoutes = {
            'doctor-manage': '/doctor-manage',
            'nurse-manage': '/nurse-manage',
            'ward-manage': '/ward-manage'
        };

        function loadContent(page) {
            // 更新侧边栏选中状态
            document.querySelectorAll('.sidebar a').forEach(link => {
                link.classList.remove('active');
    });
            event.target.closest('a').classList.add('active');
        
            // 构建完整的URL
            const url = baseUrl + pageRoutes[page];
        
            // 使用Ajax加载对应的页面内容
        $.ajax({
                url: url,
            method: 'GET',
                success: function(response) {
                    $('#mainArea').html(response);
                // 根据页面类型初始化不同的功能
                    if (page === 'doctor-manage' && typeof initializeDoctorManage === 'function') {
                        initializeDoctorManage();
                    } else if (page === 'ward-manage' && typeof initializeWardManage === 'function') {
                        initializeWardManage();
                }
            },
            error: function(xhr, status, error) {
                    if (xhr.status === 401) {
                        // 未登录或会话过期，重定向到登录页面
                        window.location.href = /*[[@{/admin/auth/login}]]*/ '';
                    } else {
                        alert('页面加载失败，请重试');
                    }
            }
        });
    }

        // 页面加载完成后自动加载医生管理页面
        $(document).ready(function() {
            // 加载默认页面（医生管理）
            loadContent('doctor-manage');
        });
    </script>
</body>
</html> 